<template>
	<view>
		<swiper circular :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" class="swiper mg-tb-20">
			<swiper-item @click="clickFn(item.id)" v-for="(item,index) in swiperList" :key="index">
				<view class="swiper" >
					<image class="swiper" :src="item.image" ></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name:"index-swiper",
	}
</script>
<script setup>
	defineProps(['swiperList'])
	const clickFn=(id)=>{
		uni.navigateTo({
			url: '/pages/schoolDetail/schoolDetail?id='+id
		})
	}
</script>

<style lang="scss">
	.swiper{
		height: 400rpx;
		width: 100%;

	}
</style>